body {font: 12px/1.5 'Helvetica Neue','Lucida Grande','Microsoft YaHei',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;color: #44474e;word-break: break-all;word-wrap: break-word;
  background-color: #efefef;}
.header{background-color: #f3f6fb;height: 30px;}
.header-nav{height: 70px;background-color: #22262a;}
a:focus,a:active,a:hover{outline: none;text-decoration: none;}
form, ol, ul { margin: 0;padding: 0;}
ul li{list-style:none}
li{list-style-type:none;}
textarea,button,input{outline: none;}
p{margin: 0px;}
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-berak: normal;word-wrap: normal;}
body .container{width: 1080px;padding: 0;}
.public-icon{background: url("../img/lol-public.png") no-repeat center;}
.vp-logo{width: 291px;height: 34px;background-position: 0 0;margin-top: 18px;}
.lol-nav{margin-left: 79px;width: 710px;display: table;table-layout: fixed;}
.lol-nav li{display: table-cell;text-align: center;}
.lol-nav li.first{text-align: left;width: 80px;}
.lol-nav li.last{text-align: right;width: 80px;}
.lol-nav li a{display: inline-block;border-top: 5px solid transparent;color: #b5bdce;font-size: 16px;padding: 18px 0;}
.lol-nav li.active a{border-top: 5px solid #16b2ce;color: #16b2ce;}
.lol-nav li:hover a{color: #16b2ce;}
#footer .container{padding: 20px 0;border-top: 2px solid #00b0cc;margin-top: 20px;}
.vpgame-logo{width: 120px;border-right: 1px solid #d2e6ea;}
.vpgame-logo i{display: inline-block;background: url("../img/lol-public.png") no-repeat center;width: 100px;height: 59px;margin: 32px 0;background-position: 0 -40px;}
.about-vpgame{margin-left: 20px;}
.about-vpgame li{margin-top: 10px;}
.about-vpgame li:first-child{margin-top: 0;}
.copyright{font-size: 14px;color: #687580;margin-left: 40px;width: 820px;}
i.copyright-tel{display: inline-block;font-size: 18px;margin-right: 20px;background: none;}
.reserved{margin-top: 12px;}
.powered{margin-left: 20px;}
.friendly-link-content{margin-top: 12px;font-size: 12px;}
.friendly-link-content a{display: inline-block;padding: 0 12px;border-right: 1px solid #ababbd;color: #ababbd;}
.friendly-link-content a:first-child{padding-left: 0;}
.friendly-link-content a:last-child{border: none;padding-left: 0;}
.user-menu{margin: 3px 5px;}
.public-user-leavel{margin-top: 9px;}
.info-box{margin: 6px;}
.language{margin-top: 4px;}
.info-box i{width: 16px;height: 11px;background: url("../img/lol-public.png") no-repeat center;background-position: -112px -40px;}

.bg-white{background:#fff;}
.text-white{color: #ffffff;}
.text-blue{color:#16b2ce;}
.text-orange{color:#ff7e00;}
.text-green{color:#7fba2a;}

.text-ft{cursor: pointer;}

.mt10{margin-top:10px;}
.mb5{margin-bottom: 5px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom: 10px;}
.p20{padding:20px;}


.border-blue{border-color:#16b2ce;}
.border-orange{border-color:#ff7e00;}
.border-green{border-color:#7fba2a;}